<template>
  <div>
    <h1>App count:{{ count }}</h1>

    <hr />
    <!-- 在自定义事件的插值语法中,也存在一个变量 $event代表传递的值,但是$event只能接受字传父的一个值-->
    <Child @add-one="count++" @addn="count += $event" />
  </div>
</template>

<script>
  import Child from "./components/Child.vue";
  export default {
    name: "App",
    components: {
      Child,
    },
    data() {
      return {
        count: 1,
      };
    },
    methods: {},
  };
</script>

<style></style>
